
<template>
  <div>
    <vue3VideoPlay v-bind="options" :poster="options.poster" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      options: {
        width: "100%", //播放器高度
        height: "100%", //播放器高度
        color: "#409eff", //主题色
        title: "", //视频名称
        src: new URL("../../assets//video/resume.mp4", import.meta.url).href, //视频源
        poster: new URL(
          "../../assets//video/poster/poster.png",
          import.meta.url
        ).href, //视频封面
        muted: false, //静音
        webFullScreen: false,
        speedRate: ["0.75", "1.0", "1.25", "1.5", "2.0"], //播放倍速
        autoPlay: false, //自动播放
        loop: false, //循环播放
        mirror: false, //镜像画面
        ligthOff: false, //关灯模式
        volume: 0.3, //默认音量大小
        control: true, //是否显示控制
        controlBtns: [
          "audioTrack",
          "quality",
          "speedRate",
          "volume",
          "setting",
          "pip",
          "pageFullScreen",
          "fullScreen",
        ], //显示所有按钮,
      },
    };
  },
};
</script>
<style lang="scss" scoped>
</style>